@media ( min-width:414px) and ( max-width:767px) {
	html {
		width: 100%;
		height: 100%;
		font-size: 62.5%;
		/* 10÷16=62.5% */
	}
	body {
		font-size: 14px;
		font-size: 1.4rem;
		/* 12÷10=1.2 */
	}
	.container {
		margin-right: auto;
		margin-left: auto;
		width: 90%;
	}
	.container:before,
	.container:after {
		content: " ";
		display: table;
	}
	.container:after {
		clear: both;
	}
	.container:before,
	.container:after {
		content: " ";
		display: table;
	}
	.container:after {
		clear: both;
	} 
}

@media ( min-width:333px) and ( max-width:550px) {
	.menus .Htel{
	 	display: none;
	}
}

@media ( min-width:551px) and ( max-width:650px) {}



@media ( min-width:600px) and ( max-width:767px) {}

@media ( max-width:600px) {
	 
}

@media ( max-width:767px) {
	.menus{
		padding: 14px 0 18px 0; 
	}
	.menus.fixedbg{
		padding: 10px 0 12px 0; 
	}
	.menus .head-right{
		display: none;
	}
	.menus .Logo{
		width: 32%;
	}
	.burger_menu{
		display: block !important;
	}
	.indexBox1{
		padding: 18px 0 25px 0;
	}
	.indexBox1 h2{
		font-size: 38px;
		padding-top: 15px;
	}
	.indexBox1 .content{
		width: 100%;
	}
	.indexBox1 .more{
		width: 50%;
		margin: 20px auto 0;
	}
	.indexBox1 .item{
		margin-bottom: 12px;
	}
	.indexBox1 .row{
		margin-top: 20px;
	}
	.indexBox2 .swiper-slide{
		width: 96%;
		padding: 22px 0 50px 0;
	}
	.indexBox2 .swiper-slide .box .sub-cont{
		width: 100%;
		margin-left: 0;
	}
	.indexBox2 .swiper-slide .box{
		padding: 25px 2.5%; 
	}
	.indexBox2 .swiper-slide .box .img1{
		width: 100%;
		margin-left: 0;
	}
	.indexBox2 .swiper-slide .box .sub-cont h4{
		font-size: 22px;
		padding-bottom: 12px;
		margin: 12px;
	}
	.indexBox2 .swiper-slide .box .sub-cont .sub{
		line-height: 30px;
		font-size: 14px;
	}
	.indexBox3 .row > div{
		border-left: none;
		border-bottom: 1px solid #e6e6e6;
		padding-bottom: 20px;
		margin-bottom: 15px;
	}
	.indexBox3 .row > div:last-child{
		border-right: none; 
	}
	.indexBox3 .row > div .date{
		padding-top: 22px;
	}
	.indexBox3 .row{
		margin-top: 18px;
	}
	.indexBox3{
		padding: 25px 0 0 0;
	}
	.indexBox3 .row > div p{
		padding: 0;
	}
	.foot{
		display: none;
	}
	.footH{
		display: block;
	}
	.footFix{
		display: flex;
	}
	/*contact*/
	form#msg .left{
		width: 100%;
	}
	form#msg .right{
		width: 100%;
	}
	.contact h2{
		font-size: 22px;
	}
	.contact .sub-info .xx{
		width: 100%;
		float: none;
		margin-left: 0;
		text-align: center;
	}
	.contact .sub-info .xx h5{
		font-size: 16px;
		margin-bottom: 12px;
	}
	.contact{
		padding: 22px 0 45px 0;
	}
	.contact .sub-info .hx{
		width: 100%;
		height: 1px;
		margin-left: 0;
	}
	.contact .sub-info .ewm{
		width: 100%;
		margin-left: 0;
		float: none;
	}
	.contact .sub-info .ewm img{
		margin: 20px auto 0;
		float: none;
	}
	.contact .sub-info .ewm p{
		margin-left: 0;
		margin-top: 5%;
		text-align: center;
		width: 100%;
	}
	.contact .sub-info .xx p{
		font-size: 14px;
	}
	.contact .sub-info{
		margin-top: 20px;
	}
	/*about*/
	.about .titBox{
		width: 100%;
	}
	.about{
		padding: 25px 0 25px 0;
	}
	.about h3{
		font-size: 20px;
		padding-top: 12px;
	}
	.about h2{
		font-size: 25px;
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.about .sub-cont{
		margin-top: 25px;
	}
	.about .sub-cont .pic{
		width: 100%;
	}
	.about .sub-cont .cont{
		width: 100%;
		margin-top: 15px;
	}
	.about .sub-cont .cont .item{
		margin-bottom: 15px;
	}
	.profile{
		padding: 25px 0 25px 0;
	}
	.profile h2{
		font-size: 25px;
	}
	.profile .row{
		margin-top: 25px;
	}
	.profile .item{
		margin-bottom: 15px;
		border-bottom: 1px solid #585858;
		padding-bottom: 15px;
	}
	.profile .item .back{
		width: 130px;
		height: 130px;
	}
	/*product*/
	.product{
		padding: 20px 0 35px 0;
	}
	.product .P-Class h2{
		font-size: 25px;
	}
	.product .P-Sub-cont h2{
		font-size: 22px;
		padding-top: 15px;
		border-top: 1px solid #585858;
		margin-top: 15px;
	}
	.product .P-Class{
		width: 100%;
	}
	.product .P-Class .item .lb{
		width: 31%;
		margin-left: 1.15%;
		margin-right: 1.15%;
		float: left;
	}
	.product .P-Sub-cont .sub-cont{
		margin-top: 15px;
	}
	.product .P-Sub-cont{
		width: 100%;
	}
    .product .P-Class .item .lb .lba a{
    	display: -webkit-box;
	    -webkit-line-clamp: 1;
	    -webkit-box-orient: vertical;
	    overflow: hidden;
    }
	.product .P-Sub-cont .sub-cont .pic{
		width: 100%;
	}
	.product .P-Sub-cont .sub-cont .cont{
		width: 100%;
		margin-top: 15px;
	}
	/*news*/
	.news{
		padding: 25px 0;
	}
	.news h2{
		font-size: 25px;
	}
	.news ul{
		margin-top: 17px;
	}
	.news ul li .pic{
		width: 100%;
	}
	.news ul li .sub-cont{
		width: 100%;
	}
	.news ul li .sub-cont .more{
		background: url(../images/red-arrow.jpg) no-repeat left 22% center;
	}
	.newsDe{
		padding: 16px 0 20px 0;
	}
	.newsDe .titBox h2{
		font-size: 18px;
	}
	.newsDe .titBox{
		padding-bottom: 45px;
	}
	.newsDe .titBox .date{
		padding-top: 7px; 
	}
	.newsDe .Share{
		left: 0;
		bottom: 5px;
	} 
	.up-down-page .fanye{
		width: 100%;
	}
	.up-down-page .return{
		width: 50%;
		float: left;
		margin-top: 15px;
	}
	/*.solution*/
	.solution{
		padding: 15px 0 25px 0;
	}
	.solution h2{
		font-size: 25px;
	}
	.solution h6{
		font-size: 12px;
		line-height: 16px;
	}
	.solution .row{
		margin-top: 18px;
	}
	.solution .item .sub-cont .sub{
		display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	    overflow: hidden;
	    line-height: 18px;
	}
	.solution .item .sub-cont .tit{
		font-size: 14px;
		padding-top: 3%;
	}
	.solution .item .sub-cont .more{
		background: url(../images/red-arrow.jpg) no-repeat left 35% center;
	}
	/*PROFESSIONAL*/
	.professional{
		padding: 20px 0 25px 0;
	}	
	.professional h2{
		font-size: 25px;
		margin-bottom: 20px;
	}
	.professional h3{
		line-height: 40px;
	}
	.professional h3 .tit{
		font-size: 12px;
		width: 65%;
	}
	.professional h3 .date{
		font-size: 12px;
	}
	.professional h3:hover .date, .professional h3.on .date{
		margin-right: 14px;
		padding-right: 5%;
	}
	.professional h3:hover .tit, .professional h3.on .tit{
		padding-left: 15px;
		background: none;
	}
	.professional ul{
		padding: 14px 2% 25px 2%; 
	}
/*	index*/
	.indexBox2 .pro-next{
		display: none;
	}
	.indexBox2 .pro-prev{
		display: none;
	}
	.indexBox4{
		display: none;
	}
	.indexBox3 h2{
		font-size: 26px;
	}
	.indexBox2 .swiper-slide .box .sub-cont .sub{
		display: none;
	}
	.indexBox2 .swiper-slide .box .sub-cont h4{
		border-bottom: none;
	}
	.core .item{
		margin-bottom: 15px;
	}
	.core .sub-cont .icon{
		display: none;
	}
	.core .sub-cont .info{
		font-size: 13px;
		line-height: 18px;
	}
}